<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>圣诞欢乐颂</title>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div class="app" style="max-width: 640px;">
			<!----------首页 start---------->
			<div class="homepage">
				<div class="snow snow-one"><img src="img/homepage/snow.png"/></div>
				<div class="snow snow-two"><img src="img/homepage/snow.png"/></div>
				<div class="snow snow-three"><img src="img/homepage/snow.png"/></div>
				<div class="snow snow-four"><img src="img/homepage/snow.png"/></div>
				<div class="logo animated flipInX"><img src="img/homepage/logo.png"/></div>
				<div class="star animated bounceInDown"><img src="img/homepage/star.png"/></div>
				<div class="tree animated fadeIn"><img src="img/homepage/tree.png"/></div>
				<div class="tie animated bounceInUp"><img src="img/homepage/tie.png"/></div>
				<div class="decorate animated zoomIn"><img src="img/homepage/decorate.png"/></div>
				<div class="title1 animated bounceInLeft"><img src="img/homepage/title1.png"/></div>
				<div class="title2 animated bounceInRight"><img src="img/homepage/title2.png"/></div>
				<div class="bingo animated zoomIn"><img src="img/homepage/bingo.png"/></div>
				<div class="award  animated slideInUp">
					<img src="img/homepage/arrow.png"/>
					<span>我要抽奖</span>
				</div>
			</div>
			<!----------首页 end---------->
			
			<!----------抽奖 start---------->
			<div class="lottery">
				<div class="menu">
					<i class="iconfont icon-info info"></i>
					<i class="iconfont icon-disable music"></i>
				</div>
				<div class="main">
					<div style="background-image: url(img/award/award1.png);" data-self="1"><i></i></div>
					<div style="background-image: url(img/award/award2.png);" data-self="2"><i></i></div>
					<div style="background-image: url(img/award/award3.png);" data-self="3"><i></i></div>
					<div style="background-image: url(img/award/award4.png);" data-self="8"><i></i></div>
					<div class="start"><div><img src="img/award/start.png" class="awardgo"/><i></i></div><span></span></div>
					<div style="background-image: url(img/award/award5.png);" data-self="4"><i></i></div>
					<div style="background-image: url(img/award/award6.png);" data-self="7"><i></i></div>
					<div style="background-image: url(img/award/award7.png);" data-self="6"><i></i></div>
					<div style="background-image: url(img/award/award8.png);" data-self="5"><i></i></div>
				</div>
				<div class="redeem">
					<div class="congratu"><img src="img/bingo/congratulation.png"/></div>
					<div class="step one">
						<p>恭喜你抽到</p>
						<p>由于中奖人数较多，为了及时准确给你送出奖品，请按以下步骤完成领奖环节</p>
						<i>Step 1</i>
						<p>请输入你的手机号码，作为领取奖品的识别码：</p>
						<input type="text" maxlength="11"/>
						<div class="nextstep next"><img src="img/redeem/next.png"/></div>
					</div>
					<div class="step two">
						<i>Step 2</i>
						<p>请长按二维码添加小秘书为好友，并与小秘书联系确认收货信息。</p>
						<div class="twocode"><img src="img/twocode.png"/></div>
						<div class="nextstep thanks"><img src="img/redeem/thanks.png"/></div>
					</div>
				</div>
				<div class="cong animated flipInY"><img src="img/bingo/congratulation.png"/></div>
				<div class="goredeem animated flipInX"><img src="img/bingo/go.png"/></div>
				<div class="pop">
					<div class="rule">
						<div class="close"><img src="img/award/close.png"/></div>
						<h3>规则说明</h3>
						<p>1.每个ID只有1次抽奖机会，100%中奖。</p>
						<p>2.中奖后，请与哔帮小秘书联系，告知奖品收货地址，我们将会在活动结束48小时内送出。</p>
						<p>3.所有奖品免费领取，奖品的快速由消费者承担，如果没有与小秘书特别说明，我们默认以顺丰到付的形式寄出。</p>
						<span>活动最终解析权归广州顺代邦网络科技有限公司所有</span>
						<div class="logo"><img src="img/award/logo.png"/></div>
					</div>
				</div>
				<div class="tips">请重新输入</div>
				<audio loop="loop">
					<source src="media/Children´s Christmas Favorites - Jingle Bells.mp3" type="audio/mpeg">
				</audio>
			</div>
			<!----------抽奖 end---------->
		</div>
		
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="js/vconsole.min.js" type="text/javascript" charset="utf-8"></script>-->
	</body>
</html>
